<html>
<head>	
	<LINK href="./css/common.css" rel="stylesheet" type="text/css">
	<LINK href="./css/tutorial.css" rel="stylesheet" type="text/css">
	

	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js"></script>
	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.min.js"></script>
	<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" />
</head>
<body>
	
	<div class="page">
		<div class="page-header ">
			<div class="title">
				<span>Moshu's Canvas Library - Domos and docs</span>
			</div>		
			<div class="menu"></div>			
		</div>
		<div class="page-content" style="overflow-y:scroll;">
			<div style="width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;">
				<h1>Moshu's Canvas Library</h1>
                <h2>Description</h2>
                <p>This is an attempt to vectorialize the CANVAS element. The library transforms working with pixels into working with objects.</p>  
                <p>
                    This is the 4'th version of this library i believe. At each iteration i found issues with my initial design, and had to re-model it.
                    Inductively we can conclude this will also change, and hopefully improved, as long as i maintain interest in playing with the CANVAS.
                    One can find the previous iterations here:<br />
                    <a href="./../vs1.0/index.html">Iteration 1</a><br />
                    <a href="./../vs2.0/index.html">Iteration 2</a><br />
                    <a href="./../vs3.0/index.html">Iteration 3</a>
                </p>              
                
                <h2>Characteristics</h2>
                <ul>
                    <li>Lightweight</li>
                    <li>Independant - does not use other libraries</li>
                    <li>Cross browser - it seems to work on all modern browsers</li>                    
                </ul>

                <h2>Shapes</h2>
                <p>All supported shapes at this time are polygon based. This is due to problems with determining collisions of type circle-polygon, circle-image, polygon-image, image-image, etc.</p>
                <h3>Supported shapes</h3>
                <ul>
                    <li>Polygon - base polygon constructed by providing the array of all vertices</li><br />
                </ul>
                <h3>Special polygon derivations:</h3>
                <ul>
                    <li>RegullarPolygon</li>
                    Can create a regular polygon (polygon with all sides equal), with any number of vertices. At the extreme we can create a polygon based circle with this.
                    <br /><br />
                    <li>Line</li><br />
                    <li>Triangle</li><br />
                    <li>Rectangle</li><br />
                    <li>Image </li>
                    We support image, but only when approximated to a polygon - namely the containing rectangle
                </ul>
			</div>
		</div>
	</div>
	<div class="page-footer">
	</div>

	<script type="text/javascript">
		$( ".menu" ).load( "partials/menu.html" );
		$( ".page-footer" ).load( "partials/footer.html" );
		$(".resizable").resizable();
	</script>
	
	<script type="text/javascript">
	
	</script>
</body>
</html>